<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache"/>   
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>   
<meta http-equiv="expires" content="0"/>  
<title>合同列表</title>

<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="./js/application/contractList.js?0814"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./laydate/laydate.js"></script>
<style>
.cancelBtn{background: #fff;color: #000;border: 1px solid #000;}
.search_li input{float:right;background: url(./images/search01.png)no-repeat;background-size: 18px;background-position: 6px 7px;padding-left: 30px;}
.search_li2{width: 22px;height: 22px;background: url(./images/search02.png)no-repeat;background-size: 22px;margin-top: 7px;}
.model-form li{display:table}
.model-form li label{width:100%}
</style>
</head>
<body>
<!-- 多选框（Modal） -->
<div class="modal fade" id="myOpenModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<h4 class="modal-title">高级筛选</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                
            </div>
            <div class="modal-body" style="margin-bottom:20px;">
             	<ul class="seachform model-form" style="padding-left: 28px;">   
	             	<li>
	                    <label>客户名称</label>
	                    <input type="text" name="utitle" class="tlinput"  id="clientName2" placeholder="请输入客户名称" />
	                </li>
	                <li>
	                	<label>签约空间</label>
	                    <div class="vocation">
	                        <select class="tlselect" name="spaceSelect" id="searchSpace">
	                            <option value="0" selected>请选择</option>
	                        </select>
	                    </div>
					</li>
					<li>
						<label>合同类型</label>
						<div class="vocation">
	                        <select class="tlselect" name="typeSelect" id="searchType">
	                            <option value="0" selected>请选择</option>
	                            <option value="1">入驻合同</option>
	                            <option value="2">退租合同</option>
	                        </select>
						</div>
	                </li>
	                <li>
	                	<label>销售人</label>
	                    <div class="vocation">
	                        <select class="tlselect" name="userSelect" id="searchUser">
	                            <option value="0" selected>请选择</option>
	                        </select>
	                    </div>
					</li>
					<li style="width: 165px;">
	                	<label>合同创建时间</label>
	                    <input style="width:152px" name="beginTime" id="searchBeginTime" required='1' message='请选择开始时间' formParameter="clue" placeholder="请选择开始时间" 
	                    	onclick="laydate({elem:'#searchBeginTime',istime: false, format: 'YYYY-MM-DD'})" type="text" name="" class="indinput"/>                        
	                </li>
					<li style="margin-top: 38px;">
	                	<label style="width: 42px;">至</label>
	                    <input style="width:152px" name="endTime" id="searchEndTime" required='1' message='请选择结束时间' formParameter="clue" placeholder="请选择结束时间" 
	                    	onclick="laydate({elem:'#searchEndTime',istime: false, format: 'YYYY-MM-DD'})" type="text" name="" class="indinput"/>                        
	                </li>
	                
                </ul>
			</div>
            <div class="modal-footer">
            	<button type="button" class="btn btn-primary" id="btn-search">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" style="background: #fff;color: #000;border: 1px solid #000;">取消</button>
                
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<div class="incList">	
    <div class="place" name="contractList">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">合同管理</a></li>
            <li><a href="/euc/page/contractList.html">合同列表</a></li>
        </ul>
    </div> 
    <div class="formbody" name="contractList">
        <div class="tools">
            <ul class="seachform" style="float:right">   
                <li class="search_li">
                    <label></label>
                    <input type="text" name="utitle" class="tlinput"  id="searchUserName" placeholder="请输入客户名称"  />
                </li>
                <li style="margin-right:25px;"><label>&nbsp;</label><input name="btnSerch" onclick="search(1);" type="button" class="scbtn" value="搜索"/></li>
                <li class="search_li2" data-toggle="modal" data-target="#myOpenModal"></li>

            </ul>
        </div>
        <div id="usual1" class="usual">     
            <div id="tab2" class="tabson">    
                <table class="tablelist">
                    <thead>
                        <tr>
                        	<th>客户名称</th>
                            <th>签约空间</th>
                            <th>合同类型</th>
                            <th>起始时间</th>
                            <th>结束时间</th>
                            <th>房间数量</th>
                            <th>服务费总金额</th>
                            <th>销售人</th>
                            <th>录入人</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="userTable"></tbody>
                </table>
                <div class="pagin">
                    <div class="message">共<i id="totalRow" class="blue">0</i>条记录，每页<i id="pageSize" class="blue">0&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">2&nbsp;</i>页</div>
                    <ul class="paginList" ></ul>
                </div>
            </div>
        </div>   
    </div>
     <style>
    ul#msgViewInfo li, ul#msgViewInfo li label{margin-top:-5px;font-size:16px;}
    .leftMenuTitle{background:url("./images/lefttop.gif") no-repeat;background-size: 4px 22px;background-position: 1px 7px;padding-left: 12px;}
    .leftMenuTitle span{border-bottom:0px;}
    .menuMiddle{width:800px;margin: 0px auto;}
    .hr{border-bottom: solid 1px #d0dee5;width:800px;margin: 0px auto;}
    
    </style>
	<div class="place" name="viewInfo" style="display: none">
	    <span>位置：</span>
	    <ul class="placeul">
            <li><a href="#">财务管理</a></li>
            <li><a href="/euc/page/contractList.html">合同列表</a></li>
	    <li><a href="#">详情</a></li>
	    </ul>
	</div>
		<div class="formbody" name="viewInfo" style="display:none;">
		    <div class="leftMenuTitle formtitle"><span id="infoTitle">详情</span></div>
		    <div id="contract_list01">
			    <div class="menuMiddle leftMenuTitle formtitle"><span id="infoTitle2">租赁基本信息</span></div>
			    <table class="table table-bordered" style="width:700px;margin: 20px auto;">
			        <thead>
			          <tr>
			            <th>产品</th>
			            <th>房间</th>
			            <th>单价(月/元)</th>
			            <th>租赁开始时间</th>
			            <th>租赁结束时间</th>
			          </tr>
			        </thead>
			        <tbody id="ViewInfo1"></tbody>
			      </table>
			</div>
		    <div class="menuMiddle leftMenuTitle formtitle"><span id="infoTitle2">合同基本信息</span></div>
			    <ul class="forminfo" id="ViewInfo2" style="display: table;width:700px;margin: 20px auto;">
			    
			    
			    </ul>
			    <div class="hr"></div>
			    <ul class="forminfo" id="ViewInfo3" style="display: table;width:700px;margin: 20px auto;">
			    
			    </ul>
			    <div class="hr"></div>
			     <div class="hr"></div>
			    <ul class="forminfo" id="ViewInfo4" style="display: table;width:700px;margin: 20px auto;">
			    
			    </ul>
			    <div class="hr"></div>
			    <ul class="forminfo" id="ViewInfo5" style="display: table;width:700px;margin: 20px auto;">
			    
			    
			    </ul>
			    <div id="btnViewCancle"  class="btn" >关闭</div>
		    </div>
	    </div>
    
    
    
    
  </div>
  </body>
  </html>